❏ 認識 - 超連結標籤

在瀏覽網頁的時候，是否很常在網頁中看到可以點擊連到外部網頁的超連結，那你曾想過要如何使用 HTML 的標籤，讓超連結可以在網頁中正常顯示以及可以被使用者正常點擊，這時候就可以使用 標籤來定義，這裡的 a 是 anchor 的縮寫，而 標籤會需要使用 href 屬性來指定連結的 URL，整個元素的語法如下：

<a href="https://5xruby.tw/">五倍紅寶石官網</a>

當然常上網的你，希望點擊的時候可以在新分頁或新視窗打開網頁，不要讓原先的網頁跳掉，這時候你就可以搭配使用 target 屬性來實現，那麼 target 的值有哪些呢？
target 屬性還可以接以下的值，而這些值分別會起以下作用：

• _self：在原先的瀏覽器打開分頁
• _blank：在新的瀏覽器打開分頁。
• _parent：在現在分頁的上一層打開瀏覽器。
• _top：不管前面有幾個分頁，打開瀏覽器後放第一個分頁。

因此在 <a> 標籤內，除了可以用 href 屬性，還可以再搭配 target 屬性讓元素做更多變化，HTML 會執行你所列出的兩種屬性，用一個語法來簡單表示：

<a href="http://www.example.com" target="_blank">五倍紅寶石官網</a>

以上這段語法指得是，我們希望透過點擊可以到達五倍紅寶石的官網，但是點擊後，原畫面不改變，而是另生一個新視窗來打開五倍紅寶石的官網。

❏ 認識 - 多媒體標籤

常常在網頁上看到影片或聽到音樂，這是用什麼方式呈現呢？在 HTML 裡可以使用多媒體的標籤來實現，它們分別是 <audio> 和 <video> 標籤，語法如下：

<audio src="音樂檔名" controls>我的音樂播放器</audio>

從以上的語法我們知道，這個 audio 標籤中有屬性 src，可接絕對路徑或是相對路徑，意指檔案所在地和來源。那麼 controls 屬性的目的是要做什麼呢？它主要是用來顯示音樂播放器的播放面板，包含播放、暫停或是前進等鍵的基本面板，那為什麼 controls 屬性後面沒有值呢？

controls 屬性後通常會接一個布林值（註），而結果就是 true / false 等值，如果 controls 後面不接任何值的話，預設就是 true，會顯示面板；倘若要不顯示面板的話，則可以寫成：

<audio src="音樂檔名.音樂格式" controls="false">我的音樂播放器</audio>

註：可以把布林值想像成一個開關，其中「Ture」表示開啟，「False」表示關閉。這種二元的狀態表示法可以用於回答一些是或否，經常拿來做條件的判斷。

如果想插入影片的話則可使用 <video> 標籤，也會搭配使用 src 屬性來指影片位置，如果在專案資料夾內，值就就可以寫入 "音樂檔名.音樂格式” ，例如：song.mp3

<video src="影片檔名.影片格式" controls></video>

而其中的 controls 屬性跟剛剛提到的功用一樣，未填寫的話則是預設為 true，在瀏覽器上顯示面板。